<template>
  <div class="page">
    <table class="table" border="1">
      <thead>
        <tr>
          <th colspan="6">s</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
          <th>asdsadad</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>asdasd</td>
          <td>asdasd</td>
          <td>asdasd</td>
        </tr>
      </tbody>
    </table>
    <slot></slot>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
// 接受传递的表格数据
</script>
<style scoped>
.page {
  overflow: auto;
  display: block;
  width: 100%;
  height: 100%;
}
.table {
  width: 900px;
  height: 100%;
}
.table tr {
  border: 1px solid red;
  color: black;
  width: 200px;
}
.table tr th {
  border: 1px solid red;
}
</style>
